﻿@{
    string lang = string.Empty;
    if (!string.IsNullOrEmpty(Request.QueryString["lang"]))
    {
        lang = Request.QueryString["lang"];
    } 
}
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="ie-6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="ie-7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="ie-8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>Forza GT-3</title>
    <link rel="stylesheet" href="@Links.Assets.css.style_css" type="text/css" media="screen" />
    <link href="@Links.Assets.css.quake_slider_css" rel="stylesheet" type="text/css" />
    <link href="@Links.Assets.css.quake_skin_css" rel="stylesheet" type="text/css" />
    <link href="@Links.Assets.css.lightview_css" rel="stylesheet" type="text/css" />
    <link href="@Links.Assets.css.colorbox_css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript" src="@Links.Assets.js.jquery_js"></script>
    <script type="text/javascript" src="@Links.Assets.js.jquery_ui_js"></script>
    <script type="text/javascript" src="@Links.Assets.js.jmenu_js"></script>
    <script type="text/javascript" src="@Links.Assets.js.lightview_js"></script>
    <script type="text/javascript" src="@Links.Assets.js.jquery_colorbox_js"></script>
    <script type="text/javascript" src="@Links.Assets.js.swfobject_js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBRT445Ruj7hoxjb9Ln0tNA9-ZqNOrd27g&sensor=false"></script>
    <!--[if lt IE 9]>
        <script src="js/html5shiv-printshiv.js"></script>
        <style type="text/css">
        #series {
	        padding: 8px 0 5px 180px;
	        overflow:hidden;
        }
        .shadow {
	        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=150, Color='#000000',PixelRadius=2)"; 
	        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=150, Color='#000000',PixelRadius=2); 
        }
        </style>
    <![endif]-->
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</head>
<body>
    <header>
        <div class="container">
            <div id="logo">
            @if (!string.IsNullOrEmpty(lang))
            {
                <a href="@Url.Action("Index", "Home", new { lang = lang })">
                <img src="@Links.Assets.images.Forza_GT3_Logo_png" alt="Forza-GT3" /></a>
            }
            else
            {
                <a href="@Url.Action(MVC.Home.Index())">
                <img src="@Links.Assets.images.Forza_GT3_Logo_png" alt="Forza-GT3" /></a>
            }
            </div>
            <div id="right">
                <div id="lang">
                    @{Html.RenderAction(MVC.Content.LanguageSelector());}
                </div>
                <div id="subscribe">
                    @{Html.RenderAction(MVC.Content.NewsletterSubscriber());}
                </div>
            </div>
        </div>
    </header>
    @{Html.RenderAction(MVC.Content.TopNavigation());}
    <div id="series" class="shadow">
        @{Html.RenderAction(MVC.Content.SeriesSelector());}
    </div>
    <!-- Content -->
    <div id="content">
        <div class="container">
            <!-- Left area -->
            <div class="leftarea">
                @RenderBody()
            </div>
            <div class="rightarea">
                <div id="upcomingrace">
                    @{Html.RenderAction(MVC.Content.UpcomingRacePreview());}
                </div>
                <div id="gallery">
                    @{Html.RenderAction(MVC.Content.GalleryPreview());}
                </div>
                <div id="standings">
                    @{Html.RenderAction(MVC.Content.StandingsPreview());}
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container">
    	    <div id="partners">
			    @{Html.RenderAction(MVC.Content.PartnerList());}	
   		    </div>
   		    <div id="copyright"> <span style="float:left">&copy; Copyright </span><img src="@Links.Assets.images.Forza_GT3_Logo_png" alt="Forza-GT3" width="103" style="float:left; margin:0px 2px;" /> <span style="float:left">2013</span>
            </div>
            <div id="followus">
        	    @{Html.RenderAction(MVC.Content.SocialMediaConnect());}	
            </div>
	    </div>
    </footer>
    <!-- Script -->
    <script type="text/javascript">
        $(document).ready(function () {
            $("#jMenu").jmenu();
            
            $('.quake-slider').quake({
                thumbnails: true,
                animationSpeed: 500,
                navPlacement: 'inside',
                navAlwaysVisible: true,
                captionOpacity: '0.8',
                effects: ['swirlFadeOutRotateFancy'],
                captionOrientations: ['bottom']
            });
            $('.specs').colorbox({ inline: true, width: "50%" });
        })
    </script>
    <script src="@Links.Assets.js.quake_slider_js" type="text/javascript"></script>
    @RenderSection("FooterScript", false)
</body>
</html>
